<%@ include file="../includes/include.jsp"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="utf-8" %>
<HTML>
<HEAD>
<title>用户登陆</title>
<script type="text/javascript" src="../plugins/ext-3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../js/public.js"></script> 
<link rel="stylesheet" type="text/css" href="../style/LoginNew.css">
<link rel="stylesheet" type="text/css" href="../style/TeamPower.css">
<script>
function setTab(n){
	var tli=document.getElementById("menu").getElementsByTagName("li");
	var mli=document.getElementById("main").getElementsByTagName("ul");
	for(i=0;i<tli.length;i++){
		tli[i].className=i==n?"current":"";
		mli[i].style.display=i==n?"block":"none";
	}
}
function checkfrm(){
	if($("username").value.length<1 || $("password").value.length<1 ){
		$("msg").innerHTML ="用户和密码不能为空."
		return false;
	}else{
		$("msg").innerHTML ="正在验证，请稍候……"
		return true;
	}
}
</script>
</HEAD>
<BODY>
	<div id="login_father">
		<div id="login">
			  <!--PANEL-->
			  <div style="height:43px "><img src="../style/images/TeamPowerAccount.gif"></div>
			  	<div class="bb-panel">
			  	<div class="bb-panel-head">
			  	  <div class="bb-panel-head-l"><div class="bb-panel-head-r"><div class="bb-panel-head-c"></div></div></div>
			  	 </div>
					  	  <div class="bb-panel-body" style="height:420px">
					  	  			  <!--FORMPANEL-->
					  	  			  <div class="Left" style="width:300px;">
					  	  			  <form name="loginfrm" id="loginfrm" method="POST" action="Users!login.action">
											  	<div class="bb-panel" >
											  	<div class="bb-panel-head" style="border:#FFF">
										  	  <div class="bb-panel-head-l-wr bb-panel-head-l " ><div class="bb-panel-head-r bb-panel-head-r-wr"><div class="bb-panel-head-c" style="background:#FFF"></div></div></div>
										  	 </div>
												  	  <div class="bb-panel-body" style="background:#FFF;" align="center">
												  	  	<!--LOGIN-->
												  	  	<div id="login_title">&nbsp;</div>
												  	  	<div id="msg"><s:property value="msg" /></div>
												  	  	 用户名：<input type="text" id="username" name="username"/><br/>
												  	  	 密&nbsp;&nbsp;&nbsp;&nbsp;码：<input type="password" id="password" name="password"/><br/>
												  	  	 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" value="登陆" class="btn" onclick="return checkfrm();" >&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="重置" class="btn"><br/>
                                                        <div style="width:100%;padding-left:30px;padding-top:8px;" align="center"><a href="reg.jsp">会员注册</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="reg.jsp">忘记密码</a></div>
												  	  	<!--LOGIN END-->
												  	  	</div>
										  	   <div class="bb-panel-bottom">
										  	     <div class="bb-panel-bottom-l bb-panel-bottom-l-wr" ><div class="bb-panel-bottom-r-wr bb-panel-bottom-r" ><div class="bb-panel-bottom-c" style="background:#FFF"></div></div></div>
										        </div>
										     </div>
											 </form>
										     <!--FORMPANEL END-->
										     <!--BBS NEWS PANEL-->
											  	<div class="bb-panel" style="width:300px;" >
											  	<div class="bb-panel-head" style="border:#FFF">
										  	  <div class="bb-panel-head-l-wr bb-panel-head-l " ><div class="bb-panel-head-r bb-panel-head-r-wr"><div class="bb-panel-head-c" style="background:#FFF"></div></div></div>
										  	 </div>
												  	  <div class="bb-panel-body" style="background:#FFF" align="left">
												  	  	<!--BBS HOST-->
												  	  	<div id="login_bbs_news">论坛热贴</div>
												  	  	<div id="login_bbs_news_list"><ul><li>这是一个测试用的标题</li><li>这是一个测试用的标题</li><li>这是一个测试用的标题</li><li>这是一个测试用的标题</li><li>这是一个测试用的标题</li></ul></div>
												  	  	<!--BBS HOST END-->
												  	  </div>
										  	   <div class="bb-panel-bottom">
										  	     <div class="bb-panel-bottom-l bb-panel-bottom-l-wr" ><div class="bb-panel-bottom-r-wr bb-panel-bottom-r" ><div class="bb-panel-bottom-c" style="background:#FFF"></div></div></div>
										        </div>
										     </div>
										   </div>
										     <!--BBS NEWS PANEL END-->
										      <!--RIGHT PANEL-->
											  	<div class="bb-panel Right" style="width:525px;" >
											  	<div class="bb-panel-head" style="border:#FFF">
										  	  <div class="bb-panel-head-l-wr bb-panel-head-l " ><div class="bb-panel-head-r bb-panel-head-r-wr"><div class="bb-panel-head-c" style="background:#FFF"></div></div></div>
										  	  </div>
												  	  <div class="bb-panel-body" style="background:#FFF;height:350px;padding:5px;" align="left">
												  	  	<!--BBS HOST-->
												  	  	
														<div class="mainContent">
																<div class="clear"></div>
																<div class="tuijian">
																	<div class="menu">
																		<ul  id="menu">
																			<li class="current" onmouseover="setTab(0,0)"><a href="#"><span>新闻</span></a></li>
																			<li onmouseover="setTab(1)"><a href="#"><span>博客</span></a></li>
																			<li onmouseover="setTab(2)"><a href="#"><span>论坛</span></a></li>
																			<li onmouseover="setTab(3)"><a href="#"><span>图书</span></a></li>
																		</ul>
																	</div>
																	<div class="clear"></div>
																	<div id="main">
																	<ul class="tuijianList" style="display: blok;" id="tmpid">
																		<script type="text/javascript">getArticalList("news");</script>
																	</ul>
																	<ul class="tuijianList" style="display: none;" id="tmpid">
																		<script type="text/javascript" >getArticalList("blog");</script>
																	</ul>
																	<ul class="tuijianList" style="display: none;" id="tmpid">
																		<script type="text/javascript" >getArticalList("bbs");</script>
																	</ul>
																	<ul class="tuijianList" style="display: none;" id="tmpid">
																		<script type="text/javascript" >getArticalList("book");</script>
																	</ul>
																	</div>
																</div>
															</div>
														
														
												  	  	<!--BBS HOST END-->
												  	  </div>
										  	   <div class="bb-panel-bottom">
										  	     <div class="bb-panel-bottom-l bb-panel-bottom-l-wr" ><div class="bb-panel-bottom-r-wr bb-panel-bottom-r" ><div class="bb-panel-bottom-c" style="background:#FFF"></div></div></div>
										        </div>
										     </div>
										     <!--RIGHT PANEL END-->
					  	  	</div>
			  	   <div class="bb-panel-bottom">
			  	   <div class="bb-panel-bottom-l"><div class="bb-panel-bottom-r"><div class="bb-panel-bottom-c"></div></div></div>
			      </div>
			     </div>
			     <!--PANEL END-->
			  	<div><span id="copyright">&nbsp;&nbsp;&nbsp;&nbsp;CopyRight&nbsp;&nbsp;&nbsp;&nbsp;Reserved&nbsp;&nbsp;By&nbsp;&nbsp;TeamPower&nbsp;&nbsp;2009&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">首页</a></span></div>
			</div>
		</div>
</BODY>
</HTML>